import React, {JSX, useState} from "react";
import {View,Text} from "@tarojs/components";
// import { Calendar } from '@antmjs/vantui'

export default React.memo(function MyCalendar():JSX.Element {
  const [show, setShow] = useState(false)
  const [date, setDate] = useState(new Date())

  return (
    <View>
      <View style={{padding: '10px'}}  onClick={() => setShow(true)}>
        <View style={{padding:'0 10px'}}>
          <View className='align-center justify-between calendar'>
            <View>
              <Text className='date'>07月03日</Text>
              <Text className='status'>入住</Text>
            </View>
            <Text>
              1晚
            </Text>
            <View>
              <Text className='date'>07月03日</Text>
              <Text className='status'>离开</Text>
            </View>
          </View>
        </View>
      </View>

      {/*<Calendar*/}
      {/*  longspan*/}
      {/*  show={show}*/}
      {/*  maxDate={new Date('2018-12-12')}*/}
      {/*  minDate={new Date('2015-12-12')}*/}
      {/*  onClose={() => setShow(false)}*/}
      {/*  onConfirm={(e) => {*/}
      {/*    // setDate(e.detail.value.valueOf())*/}
      {/*    setShow(false)*/}
      {/*  }}*/}
      {/*></Calendar>*/}
    </View>
  )
})

